<script setup lang="ts"></script>

<template>
  <div id="search-scenic">
    <el-autocomplete
      v-model="state2"
      :fetch-suggestions="querySearch"
      :trigger-on-focus="false"
      clearable
      class="inline-input w-50"
      placeholder="Please Input"
      @select="handleSelect"
      id="input"
    />
    <el-button id="key" type="primary">搜索</el-button>
  </div>
</template>

<style scoped>
#search-scenic {
  width: 100%;
  display: flex;
  flex-direction: row;
}

#search-scenic #input {
  width: 70%;
}

#search-scenic #key {
  width: 20%;
  margin-left: 20px;
}
</style>
